.contents {
  background: #f7f7f7;
  padding-bottom: 50px;
}
.main {
  height: 1850px;
  box-sizing: border-box;
  padding: 40px 36px;
  background: #fff;
  font-size: 18px;
  .title {
    color: #333333;
    margin-bottom: 16px;
    .change-address {
      color: #1abc9c;
      cursor: pointer;
    }
  }
  .address-board {
    width: 1140px;
    height: 200px;
    box-sizing: border-box;
    padding: 44px 102px 44px 56px;
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    .left {
      color: #666666;
      width: 526px;
      border-right: 1px solid #eee;
      .labels {
        width: 96px;
        display: inline-block;
      }
      .name {
        letter-spacing: 6px;
      }
      .value {
        color: #333;
      }
      div {
        margin: 14px 0;
      }
    }
    .right {
      color: #666;
      a {
        display: inline-block;
        width: 160px;
        height: 50px;
        line-height: 46px;
        text-align: center;
        background-color: #f5f5f5;
        border-radius: 4px;
        border: solid 1px #eeeeee;
      }
      .address-img {
        width: 20px;
        height: 26px;
        margin-right: 18px;
        vertical-align: middle;
      }
      .add-img {
        width: 24px;
        height: 24px;
        margin-right: 18px;
        vertical-align: middle;
      }
      .add {
        margin-left: 26px;
      }
    }
  }
  .item-group {
    margin-top: 30px;
    .board {
      width: 1140px;
      background-color: #ffffff;
      border: solid 1px #eeeeee;
      padding: 18px 46px;
      margin-top: 16px;
      div {
        width: 280px;
        padding: 16px 0;
        margin: 0 10px;
        text-align: center;
        background-color: #f9f9f9;
        border-radius: 4px;
        border: solid 1px #eeeeee;
        .labels {
          color: #333333
        }
        .value {
          color: #999
        }
        .radios {
          width: 22px;
          height: 22px;
          display: inline-block;
          background-color: #ffffff;
          border: solid 1px #dddddd;
          margin-right: 16px;
        }
      }
      .text {
        padding: 16px 0;
        margin: 0 10px;
        color: #999
      }
      .active {
        border: solid 1px #ff4633;
        background: #f9f9f9;
        .labels {
          color: #ff4633
        }
        .value {
          color: #ff4633
        }
      }
    }
    .tables {
      width: 1140px;
      border: solid 1px #eeeeee;
      .thead {
        background-color: #fdfdfd;
        div {
          padding: 16px 0;
          text-align: center;
        }
        
      }
      .tr {
        padding: 10px 0;
        border-top: 1px solid #eee;
      }
      .product {
        width: 438px;
        text-align: center;
        img {
          width: 96px;
          height: 96px;
          margin-left: 62px;
          margin-right: 52px;
        }
        .name {
          margin-top: 16px;
          margin-bottom: 16px;
          text-align: left;
        }
        .specs {
          color: #999999;
        }
      }
      .price {
        width: 164px;
        text-align: center;
      }
      .num {
        width: 184px;
        text-align: center;
      }
      .total {
        width: 160px;
        text-align: center;
      }
      .pay {
        width: 166px;
        text-align: center;
      }
    }
    .score {
      div {
        width: 336px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #eee;
        input {
          width: 280px;
          height: 60px;
          text-align: center;
          margin-left: 56px;
          background-color: #f5f5f5;
          border-radius: 4px;
          border: 0px;
          outline: none;
        }
      }
    }
  }
  .money-detail {
    .money-board {
      padding-top: 30px;
      border-top: 1px solid #eee;
      font-size: 20px;
      text-align: right;
      .item {
        display: inline-block;
        width: 286px;
        text-align: left;
        color: #333;
        div {
          margin: 14px 0px;
        }
      }
      .labels {
        display: inline-block;
        width: 120px;
        margin-right: 8px;
      }
      .all-money {
        font-size: 24px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #ff4633;
      }
    }
  }
}
.submit-order {
  margin-top: 20px;
  background: #fff;
  padding: 30px 56px 30px 70px;
  font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
  color: #333333;
  a {
    width: 160px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    text-align: center;
    background-color: #f04844;
    border-radius: 4px;
  }
  p {
    line-height: 30px;
  }
  .name {
    margin-right: 30px;
  }
}
